<!doctype html>
<html ng-app='myApp'>
<head>
<#include "/h5/include.ftl"/>
<script src="/h5/js/biz/qianggou.js"></script>
<title>限时抢购</title>
</head>

<body style="background:#f2f2f2;" ng-controller='MyController'>
<div class="index-header"> 
  <!--iheader-->
  <div id="iheader">
  <a href="javascript:history.go(-1)" class="iheader_back"></a>
    <h2 class="iheader_title">限时抢购</h2>
    <h6 class="clear"></h6>
  </div>
</div>
<div class="h90"></div>
<div class="tabContainer">

			<div class="tabcontent">
				<div class="tab" id="navSlider">
					<div class="swiper-wrapper">
						<div class="swiper-slide" ng-repeat="title in titles" on-finish-render-filters="complete"><a href="javascript:void(0);" ng-click="selectType(title)"  ng-class="{'current':type==title}">{{title}}:00场</a></div>
					</div>
				</div>
			
			</div>
		</div>
<div class="beginning">
    <dt ng-bind="(0>seconds && type==firstType)?'开始抢购':'即将开始'">即将开始</dt>
    <dd> <em class="start" ng-bind="(0>seconds && type==firstType)?'距离本场结束':'距离本场开始'" >距离本场开始</em> 
         <span class="timeaxis" ng-bind="time.h1+time.h2">00</span>
          <span class="bit">:</span>
          <span class="timeaxis" ng-bind="time.m1+time.m2">42</span>
          <span class="bit">:</span>
          <span class="timeaxis" ng-bind="time.s1+time.s2">42</span>
    </dd>
    <h6 class="clear"></h6>
</div>
<div class="beginning_list" infinite-scroll="nextPage()" nfinite-scroll-disabled="busy" infinite-scroll-distance="0">
	<div class="beginning_box" ng-repeat="goods in list" ng-click="goDetail(goods)">
        	<div class="beginning_pic"><a href="#"><img src="/h5/images/guess_pic.jpg" ng-src="/download?id={{goods.img}}"/></a></div>
        	<div class="beginning_r">
            	<h2 class="beginning_name"><a href="#" ng-bind='goods.name'>长兴楼饭店500元代金券1张，可叠加，免预约</a></h2>
                <div class="beginning_rem"><a href="" ng-bind="(goods.total > 0 && 0>seconds && type==firstType)?'马上抢':(goods.total==0?'抢光了':'即将开始')">即将开始</a><span>￥{{goods.price}}</span></div>
            </div>
            <h6 class="clear"></h6>
    </div>
	<div class="h40"></div>
</div>

<script type="text/javascript" src="/h5/js/idangerous.swiper-2.1.min.js"></script>

	
	<script type="text/javascript">
	
		(function(){
			var initNavSlider = function(sliderContainerId){
				var navSwiper = new Swiper('#' + sliderContainerId,{
					pagination: '',
					createPagination: false,
					paginationClickable: false,
					slidesPerView: 'auto'
				})
			}
		
			initNavSlider('navSlider');//初始化分类导航触屏滑动
		})();
   </script>  
</body>
</html>
